// 引入axios
import Axios from 'axios'
import store from '@/store'
// import router from '../router'
import { refreshTokenAPI } from '@/api'
// 创建axios实例
const axios = Axios.create({
  // 配置基地址
  baseURL: 'http://toutiao.itheima.net',
  // 请求超时时间
  timeout: 20000
})

// 添加请求拦截器
axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  if (store.state.token.length > 0 && config.headers.Authorization === undefined) {
    // 在发起请求之前，把token携带在请求头（表明自己身份）
    config.headers.Authorization = 'Bearer ' + store.state.token
  }
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
axios.interceptors.response.use(function (response) {
  // 对响应数据做点什么
  return response
}, async function (error) {
  // 对响应错误做点什么
  console.dir(error)
  if (error.response.status === 401) {
    // 清除token
    // token续签: refreshToken(用户无感知)
    store.commit('setToken', '')
    // router.push('/login')
    const res = await refreshTokenAPI()
    store.commit('setToken', res.data.data.token)
    // 再调用一次未完成的请求(用户无感知)
    // error.config 就是上一次axios请求的配置对象
    console.dir(error.config)
    // 把新的token赋予到下一次axios请求的请求头中
    error.config.headers.Authorization = 'Bearer ' + res.data.data.token
    // return到await的地方
    return Axios(error.config)
  } else {
    return Promise.reject(error)
  }
})

// 将实例默认导出，参数对象解构赋值
export default ({ url, method = 'GET', params, data, headers }) => {
  return axios({
    // 键值对相同可以省略不写
    url,
    method,
    params,
    data,
    headers
  })
}
